<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Rulesmd编辑器 - Terry</title>
    <link
      rel="stylesheet"
      href="css/font-awesome-4.7.0/css/font-awesome.min.css"
    />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/popDialog.css">
    <script src="lib/myUtility.js"></script>
    <script type="module">
      import * as INI_LIB from "./lib/myConfigParser.js";
      window.INI_LIB = INI_LIB
    </script>
  </head>
  <body>
    <div id="wp1">
      <div id="wp2">
        <div id="editBox" class="ct">
          <div id="editBg"></div>
          <div id="editWrapper">
            <div id="iframes">
              <!-- 编辑区域 -->
              <iframe id="editArea" src="html/editArea.html"></iframe>
              <!-- 预览区域 -->
              <iframe id="previewArea" src="html/editArea.html"></iframe>
            </div>
          </div>
        </div>
        <div id="unitFoldBox">
          <div id="sidePullBtn">
            <div class="fa fa-book"></div>
            选择单位
          </div>
          <div id="leftTop">
            <div id="fold-all" class="fold-expand"></div>
          </div>
          <!-- 左侧导航 -->
          <div id="foldList">
            <div id="fold1" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-male"></div>
                <div class="title">步兵类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold2" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-car"></div>
                <div class="title">战车类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold3" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-fighter-jet"></div>
                <div class="title">飞机类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold4" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-building"></div>
                <div class="title">建筑类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold5" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-rocket"></div>
                <div class="title">超武类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold6" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-fire-extinguisher"></div>
                <div class="title">武器类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold7" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-bomb"></div>
                <div class="title">弹头类</div>
              </div>
              <ul></ul>
            </div>

            <div id="fold8" class="fold-m1-box">
              <div class="ct f-w fold-m1 fold-expand">
                <div class="icon fa fa-random"></div>
                <div class="title">弹道类</div>
              </div>
              <ul></ul>
            </div>
          </div>
        </div>
      </div>

      <!-- pywebview-drag-region -->
      <div id="topLine" class="ct">
        <div id="barsBtn" class="fa fa-ellipsis-v"></div>
        <!-- 顶部导航 -->
        <div id="topLogo" class="ct">
          <img class="icon" src="img/appIcon/资源 1@64x-8.png" alt="" />
          <div>Rulesmd 编辑器</div>
          <div class="sep-v"></div>
        </div>
        <div id="topBtns">
          <div id="topLeft">
            <div id="search_unit">
              <div class="fa fa-search"></div>
              <input type="text" name="" id="" placeholder="搜索要修改的单位" />
              <ul class="dropdown">
                <li data-type="Allied">所有盟军单位</li>
                <li data-type="Soviet">所有苏军单位</li>
                <li data-type="Yuri">所有尤里单位</li>
                <li data-type="Tech">所有战斗单位</li>
              </ul>
            </div>
          </div>
          <div id="topRight">
            <div id="btn1" class="btn">
              <div class="fa fa-cog font-icon"></div>
              软件设置
            </div>
            <div id="btn2" class="btn" onclick="openFile()">
              <div class="fa fa-folder-open font-icon"></div>
              打开文件
            </div>
            <div id="btn3" class="btn" onclick="newFile()">
              <div class="fa fa-file-text-o font-icon"></div>
              新建文件
            </div>
            <div id="btn4" class="btn" onclick="saveFile()">
              <div class="fa fa-save font-icon"></div>
              保存文件
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="editSplitBar">
      <div class="bar">
        <div class="bar-icon">
      </div>
      <div class="edit-tipBox">
          <span class="edit-tooltip">向左拖拽开启参考视图</span>
        </div>
    </div>
    <div id="popDialogGroup">
      <div id="saveDialog">
        <div class="title">保存文件</div>
        <div class="wrapper">
          
         <div class="desc">右键下面选项，在菜单中选择<span class="light-word"> 将链接另存为 </span>保存文件到游戏目录</div>
        <div class="options">
          <a href="" id="saveUrl1" class="saveUrl" onclick="return false">原版尤里复仇：Rulesmd.ini</a>
          <a href="" id="saveUrl2" class="saveUrl" onclick="return false">CnCNet客户端：spawner.xdp</a>
        </div>
        </div>
        <button type="button" class="btn btn-ok" onclick="saveDialog.close()">完成</button>
      </div>
      <div id="appSettingDialog"></div>
      <div id="globalSettingDialog"></div>
    </div>
    <script src="js/index.js"></script>
    <script src="js/popDialog.js"></script>
  </body>
</html>
